<script lang="ts">
    const props = $props();
    const classList = $derived({
        "cm-pagination-num": true,
        "cm-pagination-item-active": props.active,
    });
</script>

<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
<li onclick={props.onclick} class={classList}>
    {props.currentIndex}
</li>
